<template>
  <div class="search">
    <div class="head" style="">
      <icon name="arrow-left" size="1.3rem" class="icon" @click="fn"/>


      <search 
          class="sea"
          v-model="value"
          show-action
          placeholder="请输入搜索关键词"
          @search="onSearch"
        >
  <template #action>
    <div @click="onClickButton">搜索</div>
  </template>
</search>
    </div>
  </div>
  <grid column-num="3" style="border-bottom: 1px solid #000;">
  <grid-item v-for="i in 12"  text="冰箱"  />

</grid>


</template>
<script setup>
import { Icon,Search,Grid, GridItem  } from 'vant';
import {useRouter} from 'vue-router';
const router =useRouter();

const fn=()=>{
  router.go(-1)
}
</script>
<style scoped lang="scss">
  .search{

    .head{
      display: flex;
      align-items: center;
      border-bottom: 1px solid black;
          .icon{
      width: 10vw;
      float: left;

    }
    .sea{
      width: 85vw;
      float: left;

    }
    }

  }
</style>